<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Only商城</title>
    <link rel="icon" href="https://www.only.cn/icon/favicon.ico">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <!-- <script src="../lib/layer/layer.js"></script> -->
    <script src="lib/jquery.min.js"></script>
    <!-- 引入bootstrap.js，bootstrap的js需要依赖一个js库 -->
    <script src="lib/bootstrap.js"></script>
    <script src="lib/layer/layer.js"></script>
</head>   
<body>
    <!-- header -->
    <div class="header">
       <div class="headerbox">
            <ul>
                <li>
                    <a href="html/login.html">亲，请登录</a>
                </li>
                <!-- <li>
                    <a href="">退出</a>
                </li> -->
                <li>
                    <a href="html/register.html">免费注册</a>
                </li>
                <li>
                    <i class="iconfont">&#xe687;</i>
                    <span>搜索</span>
                </li>
                <li class="shoppingCar">
                    <i class="iconfont">&#x344b;</i>
                    <span>购物车</span>
                </li>
                <li>
                    <i class="iconfont">&#xe897;</i>
                    <span>我的订单</span>
                </li>
                <li>
                    <i class="iconfont">&#xe693;</i>
                    <span>专属导购</span>
                </li>
                <li class="wx"><span>关注ONLY微信</span></li>
                <li>手机购物</li>
            </ul>
       </div>
    </div>
    <!-- nav -->
    <div class="nav">
        <div class="navbox">
            <a href="" class="imgx">
                <img src="images/logo.jpg" alt="">
            </a>
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">冬季新品</a></li>
                <li><a href="">商场同款</a></li>
                <li><a href="">连衣裙</a></li>
                <li><a href="">牛仔裤</a></li>
                <li><a href="">外套</a></li>
                <li><a href="">针织衫</a></li>
                <li><a href="">IP合作款</a></li>
                <li><a href="">会员中心</a></li>
            </ul>
        </div>
    </div>
    <!-- carousel -->
    <div class="banner">
        <ul class="carouselul">
          <!-- a标签中的href属性的 javascript:;  阻止默认跳转-->
          <li>
            <a href="javascript:;"><img src="images/img1.png" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="images/img2.png" /></a>
          </li>
          <li>
            <a href="javascript:;"><img src="images/img3.png" /></a>
          </li>
        </ul>
        <ol class="carouselol">
          <li class="active"></li>
          <li></li>
          <li></li>
        </ol>
        <a href="javascript:;" class="left">&lt;</a>
        <a href="javascript:;" class="right">&gt;</a>
    </div>

    <!-- content -->
    <div class="content">
        <ul class="contentli">
            
        </ul>
    </div>

    <div class="page container text-center" id="page"></div>

    <!-- bottom -->
    <div class="bottom">
        <div class="bottombox">
            <div class="div1">
                <img src="images/images/1.jpg" alt="">
                <span>用户服务协议及隐私政策</span>
                <button>点击查看</button>
            </div>
            <div class="div2">
                <ul>
                    <li><img src="images/images/2.jpg" alt=""><span>专属时尚顾问</span></li>
                    <li><img src="images/images/3.jpg" alt=""><span>小程序</span></li>
                    <li><img src="images/images/4.jpg" alt=""><span>官方微信</span></li>
                </ul>
            </div>
            <div class="div3">
                <img src="images/images/5.jpg" alt="">
                <span>售后服务热线</span>
                <span>400-862-8888</span>
                <span>服务时间：9:00-21:00</span>
            </div>
        </div>
    </div>

    <!-- footer -->
    <img src="images/images/6.jpg" alt="" class="footerimg">
    <div class="footer">
        <ul class="footerbox">
            <li>&copy;2013 &nbsp;Bestseller.All Rights Reserved</li>
            <li>
                <img src="images/images/7.jpg" alt="">
                <span>津公网安备12011402000594号</span>
            </li>
            <li>违法和不良信息举报电话：12377</li>
            <li>津ICP备12007886号 -3（营业执照）</li>
            <li>涉及成年人专用举报渠道</li>
        </ul>
    </div>

    
    <script src="js/move.js"></script>
    <script src="js/ajax.js"></script>
    <script src="js/cookie.js"></script>
    <script src="lib/layui/layui.js"></script>
    <script src="js/index.js"></script>
</body>
</html>